<ui:composition 
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">
	<p:panel id="panel_responsavel_listagem" visible="#{controleAbasMBean.exibirAbaResponsaveis and not empty responsavelMBean.responsaveis}">
		<p:dataTable id="tabela_responsavel" var="responsavel" value="#{responsavelMBean.responsaveis}" styleClass="bordas_posicionamento_tabela" rows="4" 
			paginator="true" paginatorPosition="bottom" selectionMode="single" selection="#{responsavelMBean.responsavelSelecionado}" rowKey="#{responsavel.id}" lazy="true">
			<p:ajax event="rowSelect" listener="#{responsavelMBean.exibirResponsavelSelecionado}" update=":formDetalheResponsavel:detalhe_responsavel" oncomplete="PF('detalhe_responsavel').show();"/>
			<f:facet name="header">
				#{msg.label_lista_responsaveis}
			</f:facet>
			<p:columnGroup type="header">
	    		<p:column headerText="#{msg.label_nome_responsavel}" styleClass="bold centralizar-texto" />
	    		<p:column headerText="#{msg.label_relacao}" styleClass="bold centralizar-texto"/>
				<p:column headerText="#{msg.label_aluno}" styleClass="bold centralizar-texto"/>
	    	</p:columnGroup>
	    	<p:column>
				<h:outputText value="#{responsavel.nome}" />
			</p:column>
			<p:column>
	    		<h:outputText value="#{responsavel.relacao.valor}" />
			</p:column>
			<p:column>
				<h:outputText value="#{responsavel.aluno.nome}" />
			</p:column>
		</p:dataTable>
	</p:panel>
</ui:composition>